/*
 * @Author: xiaosihan 
 * @Date: 2024-06-21 16:03:46 
 * @Last Modified by: xiaosihan
 * @Last Modified time: 2024-08-25 09:19:19
 */

.serviceCapability {
    position: relative;

    .title {
        text-align: center;
        font-size: 58px;
        font-weight: 700;
        margin: 99px 70px 0px 70px;
    }

    .subTitle {
        width: 1218px;
        margin: 22px auto 0 auto;
        font-size: 16px;
        text-align: center;
    }

    .imgList {
        text-align: center;
        width: 1360px;
        margin: 30px auto;

        .item {
            margin: 16px 12px 15px 12px;
            display: inline-block;
            width: 292px;
            height: 389px;
            box-sizing: border-box;
            box-shadow: 0px 0px 24px #9494942e;
            border-radius: 1px;
            vertical-align: top;
            padding: 30px 0px 0px 0px;
            text-align: center;
            cursor: pointer;

            &:hover {
                box-shadow: 0px 0px 30px #24262b2e;
            }

            .img {
                display: inline-block;
                width: 276px;
                height: 175px;
                margin-top: 10px;
            }

            .text {
                font-weight: bold;
                text-align: center;
                font-size: 26px;
            }

            .subText {
                font-size: 12px;
                padding: 6px 17px;
                line-height: 25px;
            }
        }

        .item_latest {
            margin: 12px;
            display: inline-block;
            width: 292px;
            height: 396px;
            box-sizing: border-box;
            border-radius: 20px;
            vertical-align: top;
            padding: 30px 0px 0px 0px;
            text-align: left;

            .putDemand {
                background-color: #4E04D9;
                color: #ffffff;
                display: inline-block;
                width: 98px;
                height: 40px;
                text-align: center;
                line-height: 40px;
                border-radius: 20px;
                cursor: pointer;
            }

            .learnMore {
                font-weight: bold;
                margin-left: 20px;
                cursor: pointer;
            }

        }
    }
}